<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<ui:composition template="/WEB-INF/templates/webdefault.xhtml">
	<ui:define name="service_categorias">
		<ui:include src="inc_categorias.xhtml" />
	</ui:define>
	<ui:define name="service_marcas">
		<ui:include src="inc_marcas.xhtml" />
	</ui:define>
	<ui:define name="service_content">
		<h:form id="frmNosotros" style="margin-top: -19px;">
			<div class="webCenter-products">
				<div class="title-sales-product">#{webProductosxCategoriaMBean.categoria}</div>
				<ui:repeat var="ofertas"
					value="#{webProductosxCategoriaMBean.listaProductos}">
					<div class="item-product">
						<div class="product-image">
							<p:graphicImage id="idImagen" library="images"
								name="/product/#{ofertas.imagen}" width="200" height="180" />
						</div>
						<div class="product-description">#{ofertas.producto}</div>
						<div class="product-price">
							<span class="price-amount">S/. <h:outputText
									value="#{ofertas.precio_promedio}">
									<f:convertNumber type="number" minFractionDigits="2"
										pattern="#0.00" />
								</h:outputText>
							</span> <span class="shopping-car"> <img
								src="../resources/webimg/portal/shopping-cart-icon.png"
								class="imgCarrito" alt="Agregar a Carrito" />
							</span>
						</div>
					</div>
				</ui:repeat>
			</div>
		</h:form>
	</ui:define>
</ui:composition>
</html>